<div class="container">
   <div class="row">
      <div class="col-sm-12">
         <div class="section-title">
            <h1 class="fp_carousel-title">Latest News</h1>
         </div>
      </div>
      @foreach($news as $v)
      <div class="col-sm-6 col-xs-6">
         <div class="LatestBox">
            <p class="img"><img src="{{Storage::url($v->cover)}}" width="300" height="200"></p>
            <p class="txt">{{ $v->created_at }}<br>{{ $v->title }}<br><span>0 comment</span><br><a href="#">Read in detail ›</a></p>
         </div>
      </div>
      @endforeach
      <!-- <div class="col-sm-6 col-xs-6">
         <div class="LatestBox">
            <p class="img"><img src="img2.jpg"></p>
            <p class="txt">9 oct,2018<br>LATIN ALTERAT10N<br><span>0 comment</span><br><a href="#">Read in detail ›</a></p>
         </div>
      </div> -->
   </div>

   <!-- <script>
      var fp_carousel_latest = $('#latest_products_carousel_latest');
      fp_carousel_latest.owlCarousel({
        items: 4,
        itemsDesktop: [1199, 3],
        itemsDesktopSmall: [992, 3],
        itemsTablet: [767, 2],
        autoPlay: false,
        pagination: false,
        navigation: true,
        navigationText: [
          "<i class='fa fa-caret-left fa-5x'></i>",
          "<i class='fa fa-caret-right fa-5x'></i>"
        ],
        stopOnHover: true
      });
   </script>
   <script type="text/javascript">
      $('#ATmanufacturers0').owlCarousel({
          autoPlay: 3000, //Set AutoPlay to 3 seco
          items: 5, //10 items above 1000px browser width
          itemsDesktop: [1000, 5], //5 items between 1000px and 901px
          itemsDesktopSmall: [900, 3], // betweem 900px and 601px
          itemsTablet: [600, 2], //2 items between 600 and 0
          itemsMobile: [480, 1], // itemsMobile disabled - inherit from itemsTablet option
          pagination: false,
          navigation: false,
          navigationText: [
            "<i class='fa fa-caret-left'></i>",
            "<i class='fa fa-caret-right'></i>"
          ],
      });
   </script> -->
</div>
